<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<mate name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,
			minimu-scale=1.0,maximum-scale=1.0,user-scalable=no">
			<title>奥凯航空</title>
			<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
			<link rel="stylesheet" type="text/css" href="css/login.css" />
			<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
			<script type="text/javascript" src="js/login.js"></script>
	</head>
	<body>
		<div class="m-login-bg">
			<div class="m-login">
				<h3>奥凯航空-系统登录</h3>
				   <div class="m-login-warp">
						<div class="layui-tab layui-tab-brief">
							<ul class="layui-tab-title">
								<li class="layui-this" style="color:#FFFFFF"><span class="layui-icon layui-icon-link" style="color:darkcyan;"></span>
									用户登录</li>
								<li style="color:#FFFFFF"><span class="layui-icon layui-icon-about" style="color:darkcyan;"></span> 新用户注册</li>
							</ul>
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<form id="frm_login" class="layui-form" action="">
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">账号:</label>
											<div class="layui-input-block">
												<div style="width: 285px;">
													<input id="usernameId" type="text" name="username" placeholder="请输入用户名(手机号/QQ/邮箱)" autocomplete="off"
													 class="layui-input">
												</div>
											</div>
										</div>
										<div class="layui-form-item ">
											<label class="layui-form-label" style="color:#FFFFFF">密码:</label>
											<div class="layui-input-block">
												<div class="layui-inline" style="width: 175px;">
													<input id="passwordId" type="password" name="password" placeholder="(请输入8~16位密码)" autocomplete="on" class="layui-input">
												</div>
												<div class="layui-inline layui-word-aux">显示/隐藏密码</div>
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">验证码:</label>
											<div class="layui-input-block">
												<div class="layui-inline" style="width: 140px;">
													<input id="verityId" type="text" name="verity" placeholder="请输入验证码" autocomplete="off" class="layui-input">
												</div>
												<div class="layui-inline">
													<a href="#" id="changeImg"><canvas class="show-captcha" id="canvas" width="130" height="40"></canvas>
													</a>
												</div>
											</div>

											<div class="layui-form-item">
												<label class="layui-form-label" style="color:#2D93CA">记住密码</label>
												<div class="layui-input-inline">
													<input id="rememberPwd" type="checkbox" name="switch" lay-skin="switch">
												</div>
											</div>



											<div align="center">

												<a id="login" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-cellphone"> 登录</span></a>

												<a href="javascript:reset()" class="layui-btn layui-btn-warm "><span class="layui-icon layui-icon-refresh">
														重新输入</span></a>
											</div>
										</div>

									</form>
								</div>
								<div class="layui-tab-item">
									<form id="frm_register" class="layui-form" action="">
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">用户名：</label>
											<div class="layui-input-block">
												<div style="width: 250px;">
													<input type="text" id="r_uname" name="uname" placeholder="请输入用户名(手机号/QQ/邮箱)" class="layui-input">
												</div>
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">密码：</label>
											<div class="layui-input-inline">
												<div style="width: 250px;">
													<input type="password" id="r_upwd" name="upwd" placeholder="请输入8-16位密码" autocomplete="on" class="layui-input">
												</div>
											</div>

										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">确认密码：</label>
											<div class="layui-input-inline">
												<div style="width: 250px;">
													<input type="password" id="r_cupwd" name="cupwd" placeholder="请再次输入密码" autocomplete="on" class="layui-input">
												</div>
											</div>

										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" style="color:#FFFFFF">E-mail：</label>
											<div class="layui-input-inline">
												<div style="width: 250px;">
													<input type="email" id="r_email" name="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
												</div>
											</div>
										</div>
										<div align="center">
											<a href="javascript:register()" class="layui-btn layui-btn-success"><span class="layui-icon layui-icon-login-weibo"></span>
												注册
											</a>
											<a href="javascript:r_reset()" class="layui-btn layui-btn-primary"><span class="layui-icon layui-icon-delete"></span>
												取消
											</a>
										</div>
									</form>
								</div>
							</div>
						</div>
				    </div>
				<p class="copyright">&copy;Copyright 2019-2020 天津中德应用技术大学</p>
			</div>
		</div>
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
		<script>
			//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>
		<script type="text/javascript">
			var username = localStorage.getItem("username");
			if (username.length != 0) {
				$("#usernameId").val(username);
			}
			var password = localStorage.getItem("password");
			if (password.length != 0) {
				$("#passwordId").val(password);
			}
		</script>
	</body>
</html>
